@charset "utf-8";
.h-tlt {text-align:center;padding:10px 0 20px;width:100%;}
.h-tlt h1 {font-size:30px;color:#003659;line-height:1.4;font-weight:700;}
.h-tlt .p2 {margin:10px 0;font-size:13px;font-family:Arial;color:#F2BC33;text-transform:uppercase;line-height:1.8em;}
.h-tlt .more {display:inline-block;width:130px;height:35px;margin:0 12px;background:#3796DE;color:#fff;font-size:14px;line-height:35px;transition:all .77s;border-radius:17px;}
.h-tlt .more:hover {background:#F2BC33;}
.About {padding:34px 0px;width:100%;min-height:600px;}
.About .About-inner {margin:0px auto 30px;}
.eq-list li {width:23%;margin:10px 1%;overflow:hidden;float:left;display:none;}
.eq-list li:nth-child(1) {width:48%;margin:2px 1%;}
.eq-list li:nth-child(1) p{font-size:14px;line-height:16px;margin:2px auto;}
.eq-list li:nth-child(1) b{color:#c4161c;}
.eq-list li .more {float:right;padding-right:15px;color:#c4161c;}
.eq-list li  img {width:100%;}

.eq-list li .eq_title {font-size:1em;font-weight:300;text-align:center;width:100%;color:#fff;bottom:0px;height:30px;position:absolute;background:#c4161c;transition:ease-in-out .5s;}
.eq-list   li:hover .eq_title {padding-top:10px;bottom:0px;height:40px;}
.eq-list li .bw-ab {position:relative;display:block;}
@media screen and (max-width:1024px) {
.About {min-height:410px;}
}
@media screen and (max-width:960px) {
.eq-list li {width:31.3333333%;margin:10px 1%;overflow:hidden;float:left;display:none;}
.eq-list li:nth-child(1) {width:96%;margin:2% 2%;}
}
@media screen and (max-width:768px) {
.About {margin:10px auto;}
.About li {width:48%;margin:10px 1%;float:left;}
.About li:nth-child(1) {width:90%;float:left;padding:30px 5%;height:auto;overflow:hidden;color:#fff;}
.eq-list li {width:49%;height:auto;margin:10px .5%;background:#c4161c;float:Left;display:none;}
.eq-list li .more {color:#fff;}
}
.products {padding:30px 0;background:#fff;background:url(../images/p_b.jpg) no-repeat scroll center top #ebebeb;background-size:cover;background-attachment:fixed;background-attachment:scroll\9;height:648px;}
.products-inner {padding:30px 0;position: relative;}
.products-inner .pro-tlt{position:absolute;top:-40px;filter:alpha(opacity=0);-moz-opacity:0;	-khtml-opacity:0;	opacity:0;}

.products .sidebar{float:left;width:25%;border: 2px solid #c4161c;}
.products .sidebar .h1-tlt{height:90px;width:100%;background:#c4161c;text-align:center;position: relative;padding:10px 0 0 0;}
.products .sidebar .h1-tlt p{padding:6px 0 6px 0;}
.products .sidebar .h1-tlt p a{font-size:2em;font-weight:700;color:#fff;}
.products .sidebar .h1-tlt .e-tlt{width:60%;margin:0 auto;background:#c4161c;height:20px;line-height:20px;position:relative;z-index:2;color:#fff;text-transform:Capitalize;font-size:1em;}
.products .sidebar .h1-tlt p.line{position:absolute;bottom:16px;width:80%;border-top:1px solid #fff;margin:0 10%;}

.products .sidebar .side-nav ul{margin:1px auto;width:100%;}
.products .sidebar .side-nav h1:nth-child(1){margin:1px 0;}
.products .sidebar .side-nav h1{width:100%;text-align:center;line-height:36px;height:36px;background:#6B6B6B;    margin: 0 0 1px 0;}
.products .sidebar .side-nav  h1:hover{background:#333;}
.products .sidebar .side-nav  h1 a{padding:0 20px;color:#fff;font-size:1.2em;}
.products .sidebar .side-nav  h1 a:hover{color:#fff;text-decoration: none;}
.products .sidebar .side-nav li{padding:5px 0 5px 10px;margin:1px 1px;background:#C1322D; }
.products .sidebar .side-nav .sub li h2 a{font-size:1em;color:#fff;}
.side-contact{padding:10px 0;}
.side-contact p{line-height:28px;padding:0 0 0 20px;color:#000;font-size:1em;font-weight:300;}
.side-contact .hotline{margin:0px 0 20px 20px;background: url(../images/ndh.png) no-repeat;height:46px;line-height:40px;}
.side-contact .hotline .bigfont{font: 23px "Impact";font-weight:600;color:#cc2229; padding:0 0 0 60px;    letter-spacing: 0px;}
.side-contact .hotline .htlt{line-height:20px;padding:0 0 0 60px;}


.products .ProBox {float:right;width:74.5%;top: 250px;filter:alpha(opacity=0);-moz-opacity:0;	-khtml-opacity:0;	opacity:0;}
.products .ProBox .hd {height:auto;position:relative;}
.products .ProBox .hd ul {float:left; width:100%;height:auto;margin:1px auto;}
.products .ProBox .hd ul li {width:31.333333%;height:49px;line-height:49px;text-align:center;float:left;margin:0 1% 2px 1%;cursor:pointer;font-weight:300;background:#c4161c;transition:ease-in-out .5s;}
.products .ProBox .hd ul li.on,.products .ProBox .hd ul li:hover {background:#333;color:#fff;}
.products .ProBox .hd ul li a,.products .ProBox .hd ul li a:hover {color:#fff;}

.pro-list li {width:23%;margin:10px 1%;float:left;}
.pro-li-inner {width:100%;float:left;height:auto;overflow:hidden;position:relative;}
.pro-li-inner img {display:block;width:100%;height:auto;}
.products .ProBox .bd li:hover figcaption {bottom:0;}

.pro-li-inner figcaption {display:block;padding:5%;position:absolute;left:0;bottom:-300px;transition:320ms ease-in-out;box-sizing:border-box;width:100%;height:100%;background:url(../images/pic_bg.png) repeat left top;}
.pro-li-inner figcaption h3 a {font-weight:normal;height:20px;line-height:20px;overflow:hidden;color:#fff;font-size:1.5em;margin:10px 0 15px;border-bottom:1px solid #fff;}
.pro-li-inner figcaption p {color:#fff;font-size:1.0em;height:48px;line-height:16px;overflow:hidden;}
.pro-li-inner figcaption a.more {float:right;border:1px solid #fff;color:#fff;display:block;font-size:14px;margin-top:20px;width:120px;text-align:center;}
.pro-list li:last-child .pro-li-inner{background:#c4161c; border: 2px solid #fff;  box-sizing: border-box; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}
.pro-list li:last-child img{width:100%;}
.pro-list li:last-child .pro-li-inner figcaption {background:#c4161c;bottom:0px;}
.pro-list li:last-child .pro-li-inner figcaption a.more {float:none;margin:30% auto;transition:ease-in-out .5s;}
.pro-list li:last-child .pro-li-inner figcaption:hover a.more{width:140px;letter-spacing:2px;}
@media screen and (max-width:768px) {
.products {height:1100px;}
.products .sidebar{display:none;}
.products .ProBox {width:100%;margin:40px auto 10px;}
.products .ProBox .hd {height:100px;}
.products .ProBox .hd ul li {width:48%;margin:1px 1%;}
.products .ProBox .bd li {width:48%;}	
}
@media screen and (max-width:640px) {
.products {height:900px;}
}
@media screen and (max-width:640px) {
.products-inner {padding: 0px;position: relative;}
.products {height:700px;}
}
.case {position:relative;z-index:1;height:300px;margin:60px auto;}
.case-inner{filter:alpha(opacity=0);-moz-opacity:0;	-khtml-opacity:0;	opacity:0;}
.case-inner ul{max-width:1280px;margin:0 auto;}
.case li {float:left;height:168px;overflow:hidden;}
.case li{width:20%;float:left;}
.case li img{width:100%; -webkit-filter: grayscale(60%) brightness(1.1); -moz-filter: grayscale(60%)  brightness(1.1); -ms-filter: grayscale(60%)  brightness(1.1); -o-filter: grayscale(60%)  brightness(1.1); filter: grayscale(60%)  brightness(1.1); filter: gray; transition:ease-in-out .5s;}
.case li:hover img {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%) ; -ms-filter: grayscale(0%) ; -o-filter: grayscale(0%) ; filter: grayscale(0%);}
.case li:hover img {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%) ; -ms-filter: grayscale(0%) ; -o-filter: grayscale(0%) ; filter: grayscale(0%);}
p.art {width:90%;margin:15px 5%;}
 @media screen and (max-width:768px) {
.case {height:1060px;margin:30px auto;}	
.case li {float:left;height:auto;overflow:hidden;} 
.case li,.case li:nth-child(1),.case li:nth-child(3),.case li:nth-child(7){width:96%;margin:5px 2%;float:left;}	
.case li:nth-child(n) img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%) ; -ms-filter: grayscale(0%) ; -o-filter: grayscale(0%) ; filter: grayscale(0%);}
}
@media screen and (max-width:640px) {
.case {height:1080px;}
}
.App {background: url(../images/app.jpg) no-repeat center #362b29;width: 100%;height: 418px;margin-bottom: 100px; overflow: hidden;}
.App-tlt .tlt-h,.App-tlt .in-p{color:#fff;}
.App-inner {height:366px;overflow:hidden;padding-top:30px;    position: relative;}
.App-inner .App-tlt{border:solid 1px #fff; width:40%; height:50px;  text-align:center; color:#fff;margin:30px 30%;padding:5px;}
.App .App-list{width: 100%;padding-top: 20px;}
.App-list li {width:15.66%;margin:0.5%;float:left;position:relative;overflow:hidden;}
.App-list li img {width:100%;height:auto;}
.App-list li:hover img{-webkit-filter: sepia(100%); /* Chrome, Safari, Opera */filter: sepia(100%);}
.App-list li .eq_title {font-size:1em;font-weight:300;text-align:center;width:100%;color:#fff;bottom:0px;height:30px;position:absolute;background:#c4161c;transition:ease-in-out .5s;}
.App-list li:hover  .eq_title {padding-top:5px;bottom:0px;height:60px;background:#c4161c;}
@media screen and (max-width:768px) {
.App {background:url(../images/app.jpg) no-repeat scroll center top #ebebeb;background-size:cover;background-attachment:fixed;background-attachment:scroll\9;height: 888px;margin:30px auto;}
.App-inner {height:856px;}
.App-list li {width:48%;margin:1%;float:left;position:relative;overflow:hidden;}	
}
@media screen and (max-width:640px) {
.About {margin:10px auto;}
.App {height:780px;margin:30px auto;}
}
.news{padding:40px 0 100px 0;    position: relative;}
.news-tlt{position: absolute;top: -60px;}
.news-inner{margin:20px 0;height:375px}
.news-inner .pic-news{width:auto;height:100%;float:left;position: relative;left:-60px;}
.news-inner .pic-news img{width:auto;height:100%}
.news-inner .pic-news .figcaption{display:block; padding:5px 10px; position:absolute; left:0; bottom:0px;  box-sizing:border-box; width:100%;height:40px;  background: url(../images/pic_bg.png) repeat left top;}
.news-inner  a{color:#fff;}
 
.newslist a{color:#c4161c;}
.news-inner .newslist  a:hover{color:#333;}
.news-inner .newslist{width:auto;max-width:600px;float:right;margin:0 0 0 30px;}
.news-inner li{width:100%;height:115px;float:left;overflow:hidden;margin:0 0 10px 0;    border-bottom: solid 1px #ddd;}

.news-inner li img{width:auto;height:80%;float:left;padding:5px 0;}
.news-inner li .figcaption{float:left;max-width:70%;margin:0 0 0 20px;}
.news-inner li .figcaption p{line-height:15px;color:#171717;font-size:.8em;}
@media screen and (max-width: 1100px) {
.news-inner .pic-news{width:40%;height:auto;float:left;position: relative;left:0;}
.news-inner .pic-news img{width:100%;height:auto;}
.news-inner .newslist{width:58%;max-width:700px;float:left;margin:0 0 0 2%;}
.news-inner{margin:20px 0;height:270px}
.news-inner li{width:100%;height:90px;float:left;overflow:hidden;margin:0 0 5px 0;    border-bottom: solid 1px #ddd;}
 } 
@media screen and (max-width: 780px) {
.About {padding:0px;}
.newslist a{color:#c4161c;height:28px;overflow:hidden;}
.news-inner .pic-news{width:80%;height:auto;float:none;margin:10px 10%;}
.news-inner .newslist{width:80%;max-width:700px;float:left;margin:0 10%;}
.news-inner li .figcaption{float:right;;max-width:70%;font-size:.6em}

 } 
@media screen and (max-width: 480px) {
.newslist a{color:#c4161c;height:28px;overflow:hidden;}
.news-inner .pic-news{width:80%;height:auto;float:none;margin:10px 10%;}
.news-inner .newslist{width:80%;max-width:700px;float:left;margin:0 10%;}
.news-inner li .figcaption{float:right;;max-width:60%;font-size:.6em}
 } 
@media screen and (max-width: 375px) {
.news-inner li .figcaption{float:right;;max-width:50%;font-size:.6em}
.App {height: 1400px;margin:30px auto;}
.App-inner {height:1256px;}
.App-list li {width:96%;margin:2%;float:left;position:relative;overflow:hidden;}
 } 
@media screen and (max-width: 320px) {
.App {height: 1200px;margin:30px auto;}
.news-inner li .figcaption{float:right;;max-width:40%;font-size:.6em}
.products {height: 600px;}
 } 
/*标题*/
.tlt-h {font-size:30px;margin-bottom:5px;color:#6e6e6e;}
.in-p {line-height:20px;color:#6e6e6e;font-size:1em;}